<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="commonCss/header.css" />
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script type="text/javascript" src="js/headerArr.js" ></script>
		<script type="text/javascript" src="js/honer.js" ></script>
	</head>
	<body>
		<div class="top-banner t">
			<div class="top-banner-img c">
				<p style="font-size: 0;">
					<a href="#" style="display: block;position: relative;width: 1920px;text-align: center;left: 50%;margin-left: -960px;">
						<img src="img/Honer/HonerTopBanner.jpg" />
					</a>
				</p>
				<a class="button-top-banner-close" href="#"></a>
			</div>
		</div>
		
		<div class="header-shortcut t">
			<div class="c">
				<div class="s-left l">
					<ul>
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="index.html">华为官网</a>
						</li>
						<li>
							<a href="honer.html">荣耀官网</a>
						</li>
						<li>
							<a href="#">花粉俱乐部</a>
						</li>
						<li>
							<a href="#">V码(优购码)</a>
						</li>
						<li>
							<a href="#">企业购</a>
						</li>
						<li>
							<a href="#">Select Region</a>
						</li>
						<li>
							<div class="s-drop">
								<div class="h">
									<a href="#" class="icon-drop">更多精彩</a>
								</div>
								<div class="b">
									<div class="drop-more w-119">
										<dl>
											<dt><a href="#">EMUI</a></dt>
											<dt><a href="#">应用市场</a></dt>
											<dt><a href="#">华为终端云空间</a></dt>
											<dt><a href="#">开发者联盟</a></dt>
										</dl>
									</div>
								</div>
							</div>
							
						</li>
					</ul>
				</div>
				<div class="s-right r">
					<ul>
						<li id="login">
							<div class="top-login">
								<a href="login.html">请登录</a>&nbsp;&nbsp;
								<a href="regist.html">注册</a>
							</div>
						</li>
						<li>
							<a>我的订单</a>
						</li>
						<li>
							<div class="s-drop">
								<div class="h">
									<a href="#" class="icon-drop">客户服务</a>
								</div>
								<div class="b">
									<div class="drop-more">
										<dl>
											<dt><a href="#">帮助中心</a></dt>
											<dt><a href="#">联系客服</a></dt>
										</dl>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="s-drop">
								<div class="h">
									<a href="#" class="icon-drop">网站导航</a>
								</div>
								<div class="b">
									<div class="drop-nav">
										<p><br /></p>
										<div class="drop-nav-icon">
											<a href="index.html">商城首页</a>
										</div>
										<dl>
											<dt>频道</dt>
											<dd>
												<div class="item">
													<a>华为专区</a>
												</div>
											</dd>
											<dd>
												<div class="item">
													<a href="honer.html">荣耀专区</a>
												</div>
											</dd>
											<dd>
												<div class="item">
													<a>企业购</a>
												</div>
											</dd>
										</dl>
										<dl>
											<dt>产品</dt>
											<dd>
												<div class="item">
													<a>手机</a>
												</div>
											</dd>
											<dd>
												<div class="item">
													<a>智能家居</a>
												</div>
											</dd>
											<dd>
												<div class="item">
													<a>平板&笔记本</a>
												</div>
											</dd>
											<dd>
												<div class="item">
													<a>通用配件</a>
												</div>
											</dd>
											<dd>
												<div class="item">
													<a>智能穿戴</a>
												</div>
											</dd>
											<dd>
												<div class="item">
													<a>专属配件</a>
												</div>
											</dd>
										</dl>
										<dl>
											<dt>频道</dt>
											<dd>
												<div class="item">
													<a>华为专区</a>
												</div>
											</dd>
											<dd>
												<div class="item">
													<a href="honer.html">荣耀专区</a>
												</div>
											</dd>
											<dd>
												<div class="item">
													<a>企业购</a>
												</div>
											</dd>
										</dl>
										<dl>
											<dt>产品</dt>
											<dd>
												<div class="item">
													<a>手机</a>
												</div>
											</dd>
											<dd>
												<div class="item">
													<a>智能家居</a>
												</div>
											</dd>
											<dd>
												<div class="item">
													<a>平板&笔记本</a>
												</div>
											</dd>
											<dd>
												<div class="item">
													<a>通用配件</a>
												</div>
											</dd>
											<dd>
												<div class="item">
													<a>智能穿戴</a>
												</div>
											</dd>
											<dd>
												<div class="item">
													<a>专属配件</a>
												</div>
											</dd>
										</dl>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="s-drop">
								<div class="h">
									<a href="#" class="icon-drop">手机版</a>
								</div>
								<div class="b">
									<div class="drop-code">
										<div class="app">
											<a>
												<img src="img/index/erWeiMa01.jpg" />
											</a>
											<div class="code-info">
												<h2>华为商城APP</h2>
												<p class="red">
													新人专享好礼<br />
													最高5000积分
												</p>
												<span class="icon-Android"></span>
											</div>
										</div>
										<div class="app">
											<a>
												<img src="img/index/erWeiMa02.jpg" />
											</a>
											<div class="code-info">
												<h2>华为商城APP</h2>
												<p class="red">
													新人专享好礼<br />
													最高5000积分
												</p>
												<span class="icon-Wechat"></span>
											</div>
										</div>
										<div class="app">
											<a>
												<img src="img/index/erWeiMa03.jpg" />
											</a>
											<div class="code-info">
												<h2>华为商城APP</h2>
												<p class="red">
													新人专享好礼<br />
													最高5000积分
												</p>
												<span class="icon-Wechat"></span>
											</div>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="s-drop minicart">
								<div class="h">
									<a href="#" class="icon-minicart">
										购物车(0)
									</a>
								</div>
								<div class="b">
									<div class="drop-minicart">
										<p>
											<span class="icon-minicart"></span>
										</p>
										<p>您的购物车是空的，赶紧选购吧~</p>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		
		<header class="t">
			<div class="c">
				<div class="header-left l">
					<div class="logo">
						<a href="honer.html">
							<img src="img/Honer/Logo.png" />
						</a>
					</div>
					<div class="naver">
						<ul>
							<li id="first">
								<a href="goodsList.html">
								<span>手机</span>
								<div class="naver-red"></div>
								</a>
							</li>
							<li><a href="">
									笔记本 & 平板
								<div class="naver-red"></div>
							</a></li>
							<li><a href="">
								智能穿戴   
								<div class="naver-red"></div>
							</a></li>
							<li><a href="">
								智能家居
								<div class="naver-red"></div>
							</a></li>
							<li><a href="">
								通用配件
								<div class="naver-red"></div>
							</a></li>
							<li><a href="">
								专属配件
								<div class="naver-red"></div>
							</a></li>
						</ul>
					</div>
					
				</div>
				<div class="header-right r">
					<div class="search-bar">
						<div class="search-bar-form">
							<form>
								<input type="text" class="text"/>
								<button type="submit" class="button"></button>
							</form>
						</div>
						<div class="search-text">
							<a href="#">荣耀V20</a>&nbsp;&nbsp;&nbsp;
							<a href="#">nova4</a>
						</div>
					</div>
				</div>
			</div>
		</header>
		
		
		<div class="naverTab" id="nav">
			<div class="naverSub c">
				<div class="pTitle l">
					<div class="s1 l">
						<a href="goodsList.html">全部手机></a>
					</div>
					<div class="s2 l">
						<a href="honer.html">
							荣耀
						</a>
						<a href="#">
							HUAWEI P系列
						</a>
						<a href="#">
							荣耀畅玩系列
						</a>
						<a href="#">
							HUAWEI Mate系列
						</a>
						<a href="#">
							HUAWEI nova系列
						</a>
						<a href="#">
							华为畅享系列
						</a>
						<a href="#">
							HUAWEI 麦芒系列
						</a>
						<a href="#">
							移动4G+专区
						</a>
					</div>
				</div>
				<ul class="goodsList l"></ul>
			</div>
		</div>
			
	</body>
</html>
